<template>
	<view :class="isCheck"></view>
</template>

<script>
	//单选按钮组件
	//@group 全局组件
	export default {
		//
		name: 'check',
		//
		props: {
			isCheck: {
				type: String,
				required: true,
				default: 'check'
			},
		},
		//
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	.check {
		height: 44rpx;
		width: 44rpx;
		border-radius: 0% 0% 100% 100%;
		background-image: url("@/static/check.png");
		background-repeat: no-repeat;
		/* 控制图片不重复 */
		background-size: cover;
		/* 调整图片大小以适应div尺寸 */
		/* 可选：以下属性用于对齐和定位图片 */
		background-position: center center;
		/* 居中对齐 */
	}

	.checked {
		height: 44rpx;
		width: 44rpx;
		border-radius: 0% 0% 100% 100%;
		background-image: url("@/static/checked.png");
		background-repeat: no-repeat;
		/* 控制图片不重复 */
		background-size: cover;
		/* 调整图片大小以适应div尺寸 */
		/* 可选：以下属性用于对齐和定位图片 */
		background-position: center center;
		/* 居中对齐 */
	}
</style>